<<<<<<< HEAD
import React from 'react'

function Order() {
  return (
    <div>
      订单
    </div>
  )
}

export default Order
=======
import React from "react";
import {
  AppstoreOutlined,
  MailOutlined,
  SettingOutlined,
} from "@ant-design/icons";
import { Button, Menu } from "antd";
import { Outlet,useNavigate } from "react-router-dom";
const items = [
  {
    key: "/order/vip",
    label: "VIP订单",
    icon: <MailOutlined />,
  },
  {
    key: "/order/seat",
    label: "席位订单",
    icon: <AppstoreOutlined />,
  },
  {
    key: "/order/printing",
    label: "印刷订单",
    icon: <AppstoreOutlined />,
  },
  {
    key: "/order/corporate",
    label: "对公转账",
    icon: <AppstoreOutlined />,
  },
  {
    key: "/order/balance",
    label: "余额收支",
    icon: <AppstoreOutlined />,
  },
  {
    type: "divider",
  },
  {
    key: "/order/apply",
    label: "申请发票",
    icon: <SettingOutlined />,
  },
  {
    key: "/order/invoicing",
    label: "发票历史",
    icon: <SettingOutlined />,
  },
];
const Order = () => {
  const nav = useNavigate()
  const onClick = (e) => {
    nav(e.key)
  };
  return (
    <div style={{display:'flex',padding:'100px',width:'85%',height:'700px',background:'#eee'}}>
      <div>
        <Menu
          onClick={onClick}
          style={{
            width: 256,
          }}
          defaultSelectedKeys={["/order/vip"]}
          defaultOpenKeys={["/order/vip"]}
          mode="inline"
          items={items}
        />
      </div>
      <div style={{height:'700px',marginLeft:'20px',background:'#fff'}}>
        <Outlet></Outlet>
      </div>
      <Button style={{position: 'absolute',right:'10%',top:'45px'}} onClick={()=>nav('/layout/create')}>返回</Button>
    </div>
  );
};
export default Order;
>>>>>>> 54388dd56e947c93d21be71e7ee3dd9ccd12ac53
